<template>
    <div class="ding_0">
        <div class="ding_1">
            <h4>发现</h4>
        </div>
        <div class="ding_2">
            <img src="../img/b21.png">
        </div>
        <div class="ding_3">
            <button>查看更早的订单</button>
        </div>
    </div>   
</template>
<script>

</script>
<style scoped>
    .ding_0{
        background: #f5f5f5;
    }
    .ding_1{
        height: 60px;
        background: #01a1ff;
        color:#fff;
        font-size: 20px;
        line-height: 60px;
        border-bottom: 2px solid#ededed;
    }
    .ding_1 h4 {
        float:left;
        margin-left: 7%;
    }
    .ding_2 img{
        width: 73%;
        height: 20%;
        padding-top:30%;
    }
    .ding_3{
        height: 226px;
    }
    .ding_3 button{
        width: 35%;
        height:33px;
        background: #fff;
        border:none;
        font-size: 18px;
        border:2px solid #d5d5d5;
        border-radius: 5px;
    }
</style>